<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>银通前海金融资产交易中心</title>
    <link href="bootstrap/v5.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/common_ytfae.css">
    <style>
        /* 分页active样式 */
        .page-link.active {
            background-color: white !important;
            color: blue !important;
        }
    </style>
</head>

<body>
    <input id="headerNavSelect" type="hidden" value="pcPlatformServiceNavId"/>
    <div id="header"></div>
    <!-- 导航栏结束 -->

    <!-- 页头开始 -->
    <div>
        <div class="background-image" style="
            background-image: url('img/banner_jingjia.png');
            background-size: cover; 
            background-position-x: center;
            height: 350px;">
            <div class="container">
                <div class="nav flex-column justify-content-center text-white" style="height: 350px;">
                    <div class="text-center">
                        <div class="common_big_title_text1">公开·公平·公正</div>
                        <div class="common_big_title">银通前海金融 · 网络拍卖中心</div>
                        <div class="d-flex justify-content-center pt-5">
                            <form class="searchForm" style="height: 54px; width: 530px;">
                                <input class="form-control rounded-0 text-muted" type="text" placeholder="搜索竞价项目名称、详情">
                                <!-- <button class="btn btn-primary" type="button">Search</button> -->
                                <button type="button"
                                    style="height: 54px; background: #AA8962; right: 0px; width: 55px;">
                                    <img class="" src="./img/search_white.png" alt="" style="height: 18px; width: 18px;">
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页头结束 -->

    <!-- 页头开始 -->
    <section>
        <div class="bg-light">
            <div class="container">
                <div class="row">
                    <!-- 主体内容开始 -->
                    <div class="col-9 pt-3">
                        <!-- 分页总数开始 -->
                        <div>
                            <div class="card border-0">
                                <div class="card-text d-flex justify-content-between">
                                    <div class="m-3 mt-4">
                                        <span class="common_card_total">共19388页</span>
                                    </div>
                                    <div class="dropdown m-3">
                                        <button class="btn dropdown-toggle border rounded-0 common_card_down" type="button"
                                            id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                            默认排序
                                        </button>
                                        <ul class="dropdown-menu common_card_down" aria-labelledby="dropdownMenuButton">
                                            <li><a class="dropdown-item" href="#">Action</a></li>
                                            <li><a class="dropdown-item" href="#">Another action</a></li>
                                            <li><a class="dropdown-item" href="#">Something else here</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 分页总数结束 -->
                        <!-- 卡片列表开始 -->
                        <div>
                            <div class="card border-0 mt-3" style="position: relative;">
                                <div style="position: absolute; top: 0; right: 0;">
                                    <img src="./img/编组 16.png" alt="">
                                </div>
                                <div class="card-title pt-3 ps-3 pe-3 d-flex justify-content-between">
                                    <div class="common_card_title d-inline-block text-truncate w-100">
                                        上海明申企业（集团）有限公司不良双方都发的说法的发发大发发送端发撒的发生的萨芬撒上VB债权（五次挂牌）
                                    </div>
                                </div>
                                <div class="card-text">
                                    <div class="row m-3" style="background: #F7F7F9;">
                                        <div class="col border-end m-3">
                                            <div class="common_card_subtitle">开始时间</div>
                                            <div class="pt-1"><small class="common_card_text">2022-12-23 10:00:00</small></div>
                                        </div>
                                        <div class="col m-3 border-end">
                                            <div class="common_card_subtitle">拍卖状态</div>
                                            <div class="pt-1"><small class="common_card_text">已结束</small></div>
                                        </div>
                                        <div class="col m-3">
                                            <div class="common_card_subtitle text-end">起始价</div>
                                                <div class="d-flex flex-row-reverse">
                                                    <h5 class="common_card_mount m-0">532,000,0001.88</h5>
                                                    <small class="common_card_mount_sign mt-1 me-1">￥</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-3">
                                        <button type="button" class="btn common_card_detail rounded-0">查看详情</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card border-0 mt-3" style="position: relative;">
                                <div style="position: absolute; top: 0; right: 0;">
                                    <img src="./img/编组 16.png" alt="">
                                </div>
                                <div class="card-title pt-3 ps-3 d-flex justify-content-between">
                                    <div>
                                        <h5 class="common_card_title">
                                            上海明申企业（集团）有限公司不良债权（五次挂牌）
                                        </h5>
                                    </div>
                                </div>
                                <div class="card-text">
                                    <div class="row m-3" style="background: #F7F7F9;">
                                        <div class="col border-end m-3">
                                            <div class="common_card_subtitle">开始时间</div>
                                            <div class="pt-1"><small class="common_card_text">2022-12-23 10:00:00</small></div>
                                        </div>
                                        <div class="col m-3 border-end">
                                            <div class="common_card_subtitle">拍卖状态</div>
                                            <div class="pt-1"><small class="common_card_text">已结束</small></div>
                                        </div>
                                        <div class="col fload-end m-3">
                                            <div class="common_card_subtitle text-end">起始价</div>
                                            <div class="d-flex flex-row-reverse">
                                                <h5 class="common_card_mount">532,000,000.88</h5>
                                                <small class="common_card_mount_sign mt-1 me-1">￥</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-3">
                                        <button type="button" class="btn common_card_detail rounded-0">查看详情</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card border-0 mt-3" style="position: relative;">
                                <div style="position: absolute; top: 0; right: 0;">
                                    <img src="./img/编组 16.png" alt="">
                                </div>
                                <div class="card-title pt-3 ps-3 d-flex justify-content-between">
                                    <h5 class="common_card_title">
                                        上海明申企业（集团）有限公司不良债权（五次挂牌）
                                    </h5>
                                </div>
                                <div class="card-text">
                                    <div class="row m-3" style="background: #F7F7F9;">
                                        <div class="col border-end m-3">
                                            <div class="common_card_subtitle">开始时间</div>
                                            <div class="pt-1"><small class="common_card_text">2022-12-23 10:00:00</small></div>
                                        </div>
                                        <div class="col m-3 border-end">
                                            <div class="common_card_subtitle">拍卖状态</div>
                                            <div class="pt-1"><small class="common_card_text">已结束</small></div>
                                        </div>
                                        <div class="col fload-end m-3">
                                            <div class="common_card_subtitle text-end">起始价</div>
                                            <div class="d-flex flex-row-reverse">
                                                <h5 class="common_card_mount">532,000,000.88</h5>
                                                <small class="common_card_mount_sign mt-1 me-1">￥</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-3">
                                        <button type="button" class="btn common_card_detail rounded-0">查看详情</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card border-0 mt-3" style="position: relative;">
                                <div style="position: absolute; top: 0; right: 0;">
                                    <img src="./img/编组 16.png" alt="">
                                </div>
                                <div class="card-title pt-3 ps-3 d-flex justify-content-between">
                                    <h5 class="common_card_title">
                                        上海明申企业（集团）有限公司不良债权（五次挂牌）
                                    </h5>
                                </div>
                                <div class="card-text">
                                    <div class="row m-3" style="background: #F7F7F9;">
                                        <div class="col border-end m-3">
                                            <div class="common_card_subtitle">开始时间</div>
                                            <div class="pt-1"><small class="common_card_text">2022-12-23 10:00:00</small></div>
                                        </div>
                                        <div class="col m-3 border-end">
                                            <div class="common_card_subtitle">拍卖状态</div>
                                            <div class="pt-1"><small class="common_card_text">已结束</small></div>
                                        </div>
                                        <div class="col fload-end m-3">
                                            <div class="common_card_subtitle text-end">起始价</div>
                                            <div class="d-flex flex-row-reverse">
                                                <h5 class="common_card_mount">532,000,000.88</h5>
                                                <small class="common_card_mount_sign mt-1 me-1">￥</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-3">
                                        <button type="button" class="btn common_card_detail rounded-0">查看详情</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card border-0 mt-3" style="position: relative;">
                                <div style="position: absolute; top: 0; right: 0;">
                                    <img src="./img/编组 16.png" alt="">
                                </div>
                                <div class="card-title pt-3 ps-3 d-flex justify-content-between">
                                    <h5 class="common_card_title">
                                        上海明申企业（集团）有限公司不良债权（五次挂牌）
                                    </h5>
                                </div>
                                <div class="card-text">
                                    <div class="row m-3" style="background: #F7F7F9;">
                                        <div class="col border-end m-3">
                                            <div class="common_card_subtitle">开始时间</div>
                                            <div class="pt-1"><small class="common_card_text">2022-12-23 10:00:00</small></div>
                                        </div>
                                        <div class="col m-3 border-end">
                                            <div class="common_card_subtitle">拍卖状态</div>
                                            <div class="pt-1"><small class="common_card_text">已结束</small></div>
                                        </div>
                                        <div class="col m-3">
                                            <div class="common_card_subtitle text-end">起始价</div>
                                            <div class="d-flex flex-row-reverse">
                                                <h5 class="common_card_mount">532,000,000.88</h5>
                                                <small class="common_card_mount_sign mt-1 me-1">￥</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-3">
                                        <button type="button" class="btn common_card_detail rounded-0">查看详情</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 卡片列表结束 -->
                        <!-- 分页开始 -->
                        <div>
                            <div class="d-flex flex-row-reverse pt-3">
                                <div class="pe-3">
                                    <nav aria-label="Page navigation example">
                                        <ul class="pagination">
                                            <li class="list-group-item border-0 common_page_text m-2">共100条</li>
                                            <li class="page-item">
                                                <a class="page-link border-0 common_page_text" href="#" aria-label="Previous">
                                                    <span aria-hidden="true">&laquo;</span>
                                                </a>
                                            </li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link active common_page_text"
                                                    href="#">1</a></li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link common_page_text"
                                                    href="#">2</a></li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link common_page_text"
                                                    href="#">3</a></li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link common_page_text"
                                                    href="#">4</a></li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link common_page_text"
                                                    href="#">5</a></li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link common_page_text"
                                                    href="#">...</a></li>
                                            <li class="page-item ps-2 pe-2"><a class="page-link common_page_text"
                                                    href="#">10</a></li>
                                            <li class="page-item ps-2 pe-2">
                                                <a class="page-link border-0 common_page_text" href="#" aria-label="Next">
                                                    <span aria-hidden="true">&raquo;</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <!-- 分页结束 -->
                    </div>
                    <!-- 主体内容结束 -->

                    <!-- 联想搜索开始 -->
                    <div class="col pb-5">
                        <div class="card border-0 mt-3 h-100">
                            <div class="card-title m-3 mt-4 mb-0">
                                <h5 class="common_small_title">常见问题</h5>
                            </div>
                            <div class="card-text">
                                <div class="common_text_small m-3 mt-2">网络竞价规则是什么？</div>
                                <div class="common_text_small m-3 mt-2">什么是一次性报价？</div>
                                <div class="common_text_small m-3 mt-2">什么是多次报价？</div>
                                <div class="common_text_small m-3 mt-2">什么是优先购买权？</div>
                                <div class="common_text_small m-3 mt-2">什么是保留价？</div>
                                <div class="common_text_small m-3 mt-2">系统使用过程中遇到疑问如何咨询？</div>
                            </div>
                            <div class="card-title m-3 mt-4 mb-0">
                                <h5 class="common_small_title">快速链接</h5>
                            </div>
                            <div class="card-text">
                                <div class="d-flex justify-content-between m-3 mt-2" style="background: rgba(0,60,125,0.05);">
                                    <div class="common_text_small m-2 ms-3">竞价公告</div>
                                    <div class="m-2 me-3">
                                        <a href="#">
                                            <img class="common_card_detail" src="img/icon-arrow.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="d-flex justify-content-between m-3 mt-2" style="background: rgba(0,60,125,0.05);">
                                    <div class="common_text_small m-2 ms-3">网络拍卖中心</div>
                                    <div class="m-2 me-3">
                                        <a href="">
                                            <img class="common_card_detail" src="img/icon-arrow.png" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="d-flex justify-content-between m-3 mt-2" style="background: rgba(0,60,125,0.05);">
                                    <div class="common_text_small m-2 ms-3">拍卖公告</div>
                                    <div class="m-2 me-3">
                                        <a href="">
                                            <img class="common_card_detail" src="img/icon-arrow.png" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 联想搜索结束 -->
                </div>
            </div>
        </div>
    </section>
    <!-- 页头结束 -->

    <!-- 页脚 -->
    <div id="footer"></div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/v5.3.0/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript">
        // 引入导航栏
        $('#header').load('header.html');
        // 引入页脚
        $('#footer').load('footer.html');
    </script>
</body>

</html>